﻿@charset "utf-8";

/* CSS Document */
* {
	margin: 0;
	padding: 0;
	outline:0;
}

img {
	border: none;
}

ul,li {
	list-style: none;
	margin: 0;
	padding: 0
}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}
.font24{ font-size:24px;}
.color2{ color:#63b117;}
.color3{ color:#FF6600;}
.hide{ display:none;}
html body {
	width: 100%;
	height: 100%;
	font-size: 0.8em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	-webkit-text-size-adjust: auto;
}

.font_black {
	color: #333;
	font-size: 1em
}

.font_black1 {
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
}

.font_green {
	color: #159c77;
	font-size: 1em
}

.font_red {
	color: #da434e;
	font-size: 1em
}

#pagepush {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
	_position: absolute;
	_top: expression_r(documentElement.scrollTop +   
		documentElement.clientHeight-this.offsetHeight);
	overflow: visible;
}

#flow_Shade {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #333;
	opacity: .7;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 0;
}

.none {
	display: none;
}

ul,li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.flownotice{position: absolute; z-index:1001; bottom:70px; left:0px; background: #fff ;border:1px solid #65b219; border-radius:4px; width:120px; height:auto; font-size:12px; padding:10px; text-align:justify;}
.flownotice>em{display:block; border-width:10px; position:absolute; bottom:-20px; left:10px;border-style:solid dashed dashed; border-color:#65b219 transparent transparent;font-size:0; line-height:0;}
.flownotice>span{display:block; border-width:10px; position:absolute; bottom:-19px; left:10px;border-style:solid dashed dashed; border-color:#FFF transparent transparent;font-size:0; line-height:0;}
.flownotice>p{word-break:break-all;}
.flownotice>p>a{text-decoration:none; color:#333;}
.flownotice>p>a>em{color:#F00; text-decoration:underline;}
.flowlogo{ margin-top:5px;width:43px; height:40px;float:right; background:url(../images/logo2.png) center center no-repeat; font-size:9px; background-size:50%;}
.flowwindows {
	position: fixed;
	bottom: 0px;
	left: 0;
	z-index: 999;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all linear .25s;
	-moz-transition: all linear .25s;
	-o-transition: all linear .25s;
	-ms-transition: all linear .25s;
	transition: all linear .25s;
}
.pageshow{
	-webkit-transform: translate(0px,0px) scale(1);
	-moz-transform: translate(0px,0px) scale(1);
	-o-transform: translate(0px,0px) scale(1);
	-ms-transform: translate(0px,0px) scale(1);
	transform: translate(0px,0px) scale(1);
	pointer-events: auto;}
.pagehide{
	opacity: 0;
	-webkit-transform: translate(-200px, 200px) scale(0.1);
	-moz-transform: translate(-200px, 200px) scale(0.1);
	-o-transform: translate(-200px, 200px) scale(0.1);
	-ms-transform: translate(-200px, 200px) scale(0.1);
	transform: translate(-200px, 200px) scale(0.1);
	pointer-events: none;}
.flowball {
	position: fixed;
	bottom:0px;
	left:0px;
	cursor: pointer;
	width:60px;
	height: 60px;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transform-origin: 50% 50%;
	
}
.ballshow{
	opacity:1;
	-webkit-transform: translate(10px, -10px) scale(1) rotate(0deg);
	-moz-transform: translate(10px, -10px) scale(1) rotate(0deg);
	-o-transform: translate(10px, -10px) scale(1) rotate(0deg);
	-ms-transform: translate(10px, -10px) scale(1) rotate(0deg);
	transform: translate(10px, -10px) scale(1) rotate(0deg);
	}
.ballhide{
	opacity:0;
    -webkit-transform: translate(-20px, 20px) scale(0.5) rotate(360deg);
	-moz-transform: translate(-20px, 20px) scale(0.5) rotate(360deg);
	-o-transform: translate(-20px, 20px) scale(0.5) rotate(360deg);
	-ms-transition: translate(-20px, 20px) scale(0.5) rotate(360deg);
	transform: translate(-20px, 20px) scale(0.5) rotate(360deg);
	}
	.shudu {
	-webkit-transition: all linear;
	-moz-transition: all linear;
	-o-transition: all linear;
	-ms-transition: all linear;
	transition: all linear;
}

.biandan {
	opacity: .3;
}
.flowpage{
	position: absolute;
	left: 5%;
	bottom:5%;
	width:90%;
	height:90%;
	background: #fff;
	overflow: hidden;
	
}

.zhujiemian {
	width: 100%;
	height: 100%;
}

.goumaiye {
	width: 100%;
	height: 100%;

}

.fangkuiye {
	width: 100%;
	height: 100%;
}

.content {
	float: left;
	width: 100%;
	height: 87%;
	background: #eee;
	overflow: hidden;
}

.bottom {
	float: left;
	width: 100%;
	height: 13%;
	overflow: hidden;
	-webkit-box-shadow: 0px -1px 1px #bbb;
	box-shadow: 0px -1px 1px #bbb;

}
.nav {
	float: left;
	width: 100%;
	height: 100%;
}
.nav ul {
	float: left;
	width: 100%;
	height: 100%;
}
.nav ul li {
	
	float: left;
	width: 33.3%;
	height: 100%;
	cursor: pointer;
	color:#666;
}

.nav li.active {
	color:#2068b8;
}

.myflow1 {
	position: relative;
	left: 50%;
	top: 40%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
	background: url(../images/f1.png) center center no-repeat;
	background-size: 100%;
}
.myflow2 {
position: relative;
	left: 50%;
	top: 40%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
	background: url(../images/f111.png) center center no-repeat;
	background-size:100%;
}
.find1 {
	position: relative;
	left: 50%;
	top: 40%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
	background: url(../images/f3.png) center center no-repeat;
	background-size:100%;
}
.find2 {
position: relative;
	left: 50%;
	top: 40%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
	background: url(../images/f331.png) center center no-repeat;
	background-size:100%;
}
.addflow1 {
	position: relative;
	left: 50%;
	top: 40%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
	background: url(../images/f2.png) center center no-repeat;
	background-size:100%;
}
.addflow2 {
position: relative;
	left: 50%;
	top: 40%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
	background: url(../images/f221.png) center center no-repeat;
	background-size:100%;
}
.setting {
	position: relative;
	left: 50%;
	top: 40%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
	background: url(../images/f4.png) center center no-repeat;
	background-size: 30px 30px;
}

.nav li p {
	position: relative;
	top: 40%;
	width: 60px;
	height: auto;
	text-align: center;
	margin: 0 auto;
}

.xuanze {
	float: left;
	width: 100%;
	height: 8%;
	cursor: pointer;
}

.xuanze ul {
	float: left;
	width: 100%;
	height: 100%;
}

.xuanze li {
	float: left;
	width: 50%;
	height: 100%;
	background: #1ebddf;
	color: #FFFFFF;
}

.xuanze li.active1 {
	background: #fff;
	color: #b2b2b2;
}

.xuanze li p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: bold;
	width: 60px;
	height: 20px;
	line-height: 30px;
	text-align: center;
	margin: 0 auto;
}

.contentpage {
	float: left;
	width: 100%;
	height: 100%;
}

.lltc2 {
	float: left;
	width: 100%;
	height: 100%;
}

.baifengbi {
	float: left;
	width: 100%;
	height: 45%;
	overflow: hidden;
}

.logo {
	position: absolute;
	top: 10%;
	right: 10px;
	width: 75px;
	height: 40px;
	background: url(../images/logo.png) center center no-repeat;
	background-size: 75px 25px;
}



.header { float:left;
	width: 100%;
	height:10%;
	background-color: #2068b8;
	margin-bottom: 2px;
	overflow: hidden;
	-webkit-box-shadow: 0px 1px 5px #999;
	box-shadow: 0px 1px 5px #999;
}

.header p {
	float: left;
	width: 80px;
	height: 20px;
	line-height:20px;
	padding-left:15px;
	color: #FFFFFF;
	font-size: 1.2em;
	position:relative;
	top:50%;
	margin-top:-10px;
}
.huodong{
	float: left;
	width: 100%;
	height: 100%;
	background:#13cec9;
	}
.tssz2 {
	float: left;
	width: 100%;
	height: 35px;
	margin-bottom: 2px;
	background: #1ebddf;
	overflow: hidden;
}

.tssz2 p {
	float: left;
	width: 70%;
	height: 10px;
	padding-top: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	font-size: 1.2em;
}
.backbtn {
	float: left;
	margin-left:5px;
	color:#fff;
	width: 25px;
	height: 100%;
	background: url(../images/btn_back.png) center left no-repeat;
	background-size: 20%;
}
.closebtn {
	float: right;
	margin-right:5px;
	width: 25px;
	height: 100%;
	background: url(../images/h1.png) center center no-repeat;
	background-size: 80%;
}
.settingbtn {
	float: right;
	margin-right:5px;
	width: 25px;
	height: 100%;
	background: url(../images/h2.png) center center no-repeat;
	background-size: 80%;
}
.pushtime {
	float: left;
	width: 100%;
	height: 35px;
	border-bottom:1px solid #CCC;
	overflow: hidden;
}
.pushtime p {
	float: left;
	width: 60%;
	height: 35px;
	line-height:35px;
	padding-left: 10px;
	color: #333;
	font-size: 1.1em;
}
.fanhui {
	float: right;
	width: 37px;
	height: 33px;
	color: #FFFFFF;
	line-height: 43px;
	f
}



.tubiao {
	background: #dd6337;
	border-radius: 2px;
	color: #FFFFFF;
	line-height: 20px;
	padding: 3px 10px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin-left: 5px;
}

.gbts {
	width: 90%;
	height: 30%;
	margin: 0 auto;
	margin-top: 40px;
}

.gbts p {
	float: left;
	width: 100%;
	height: 20px;
	color: #333333;
	font-size: 0.9em;
}

.tick {
	float: right;
	width: 20%;
	height: 100%;
	background: url(../images/dg1.png) center center no-repeat;
	background-size: 25px 25px;
}

.tick2 {
	float: right;
	width: 20%;
	height: 100%;
	background: url(../images/dg2.png) center center no-repeat;
	background-size: 25px 25px;
}

.menu_list {
	width: 100%;
	overflow: hidden;
}

.menu_head {
	width: 100%;
	height: 40px;
	cursor: pointer;
	position: relative;
	color: #FFFFFF;
	font-size: 1.2em;
	margin-bottom: 2px;
}

.menu_head p {
	padding-left: 7px;
	padding-top: 8px;
}

.menu_body {
	display: none;
}

.menu_body li {
	display: block;
	width: 100%;
	height: 30px;
	background-color: #EFEFEF;
	padding-left: 5px;
	text-decoration: none;
	border-bottom: 3px solid #FFF;
	cursor: pointer;
}

.menu_body li p {
	float: left;
	display: block;
	color: #776b5f;
	padding-left: 3px;
	padding-top: 8px;
	text-decoration: none;
}

.menu_body li  a {
	float: right;
	width: 18%;;
	color: #dd6337;
	padding-left: 3px;
	padding-top: 8px;
	text-decoration: none;
}

.menu_body a:hover {
	color: #000000;
	text-decoration: underline;
}

.menu_head2 {
	width: 100%;
	height: 30px;
	cursor: pointer;
	position: relative;
	color: #FFFFFF;
	font-size: 1.2em;
	margin-bottom: 2px;
}

.menu_head2 p {
	padding-left: 7px;
	padding-top: 8px;
}

.menu_body2 {
	float: left;
	width: 100%;
	margin-bottom: 2px;
}

.menu_body2 li {
	float: left;
	display: block;
	width: 33.3%;
	height: 50px;
	background-color: #EFEFEF;
	text-decoration: none;
	cursor: pointer;
}

.menu_body3 {
	float: left;
	width: 100%;
	height: 130px;
	margin-bottom: 2px;
	display: none;
}

.pifuxuanzhe {
	width: 80%;
	height: 40px;
	margin: 0 auto;
	margin-top: 5px;
}

.huangfugou {
	background: url(../images/pf.png) top right no-repeat;
	background-size: 15px 15px;
}

.gmym {
	width: 100%;
	height: 9%;
	background-color: #1ebddf;
	-webkit-box-shadow: 0px 1px 5px #999;
	box-shadow: 0px 1px 5px #999;
}

.gmym p {
	float: left width : 100%;
	height: 10px;
	padding-top: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	font-size: 1.2em;
}

.fhsyj {
	float: left;
	width: 38px;
	height: 28px;
	line-height: 28px;
	margin-left: 5px;
	margin-top: 5px;
	cursor: pointer;
	color: #70c435;
	font-size: 1.3em;
}

.wqts {
	float: left;
	width: 100%;
	height: 91%;
	
}

.wqtsz {
	width: 140px;
	height: 40px;
	background: url(../images/ts.png) left center no-repeat;
	background-size: 40px 40px;
	margin: 0 auto;
	margin-top:20px;
}

.wqtsz p {
	width: 80px;
	height: 40px;
	line-height: 50px;
	margin-left: 40px;
	color: #159c77;
	font-size: 1.3em;
	text-align:center;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}

.neirong {
width: 90%;
	height: 120px;
	margin: 0 auto;
	margin-top:10px;
	 background-size:44px 15px;;
}
.neirongg {
width: 90%;
	height: 200px;
	margin: 0 auto;
	margin-top:10px;
	padding-top:20px;
	 border: 2px solid #70c435;
	 background:url(../images/logo.png) 95% 5% no-repeat;
	 background-size:44px 15px;;
}

.queren {
	width: 90%;
	height: 30px;
	background: #70c435;
	border-radius: 3px;
	margin-top: 15px;
	margin: 0 auto;
	cursor: pointer;
}

.queren p {
	width: 40px;
	height: 30px;
	line-height: 30px;
	color: #FFF;
	font-size: 1em;
	margin: 0 auto;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.queren2 {
	width: 90%;
	height: 30px;
	background: #70c435;
	border-radius: 3px;
	margin: 0 auto;
	cursor: pointer;
}

.queren2 p {
	width: 40px;
	height: 30px;
	line-height: 30px;
	color: #FFF;
	font-size: 1em;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.queren3 {
	width: 100%;
	height: 30px;
	margin-top: 15px;
	margin: 0 auto;
	cursor: pointer;
}

.queren4 {
	float: left;
	margin: 0 5%;
	width: 40%;
	height: 30px;
	background: #e56281;
	border-radius: 3px;
	cursor: pointer;
}

.queren4 p {
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #FFF;
	font-size: 1em;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.dibian {
	width: 100%;
	height: 8px;
	position: absolute;
	bottom: 0;
	background: #1ebddf;
}

.shuju {
	width: 100%;
	height: 200px;
	margin: 0 auto;
	padding-top: 10px;
	overflow: hidden;
}

.shuju .red{ font-size:2em; color:#FF0000; font-weight:bold;}
.shuju .green{ font-size:2.3em; color:#70c435; font-weight:bold;}
.shuju p {
	font-weight:bold;
	font-size: 1.2em;
	color: #333;
	line-height: 25px;
	text-align: center;
	text-justify: distribute-all-lines;
}
.shuju .but{float:left; height:40px; width:100%; margin-top:10px; }
.shuju .but .qx{float:left; height:40px; width:50%; background:#ccc; }
.shuju .but .qr{float:right; height:40px; width:49%; background:#ccc; }
.shuju .but .qx p,.shuju .but .qr p  {
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	font-size: 1.2em;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.shujuliuliang {
	float: left;
	width: 100%;
	height: 30%;
	overflow: scroll;
}

.shujuliuliang ul {
	float: left;
	width: 100%;
	height: 100%;
}

.shujuliuliang li {
	float: left;
	width: 30%;
	height: 100%;
}

.zhusz {
	width: 60px;
	height: 60px;
	margin: 0 auto;
	margin-top: 10px;
}

.zhutu {
	float: left;
	width: 50%;
	height: 40px;
}

.zhutuwz {
	float: left;
	width: 100%;
	height: 20px;
	color: #1ebddf;
	margin: 0 auto;
	margin-top: 7px;
	margin-left: 7px;
	font-weight: bold;
}

.zhutusj1 {
	float: left;
	width: 100%;
	height: 25%;
}

.zhutusj2 {
	float: left;
	width: 100%;
	height: 50%;
}

.zhutuys {
	width: 50%;
	height: 100px;
	margin: 0 auto;
}

.shujuxiangqing {
	float: left;
	width: 100%;
	height: 60%;
}

.taocanqingkuang {
	float: left;
	width: 100%;
	height: 10%;
	background: #1ebddf;
	color: #FFF;
}

.taocanqingkuang p {
	float: left width : 100%;
	height: 10px;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFFFFF;
	font-size: 1em;
}

.liuliangxx {
	width: 100%;
	height: 90%;
	overflow: scroll;
}

.font_size {
	font-weight: bold;
	color: #426e00;
}


.zan {
	width: 90%;
	height: 31px;
	margin: 0 auto;
	margin-top: 10px;
}

.dianzan {
	width: 40px;
	height: 31px;
	float: left;
	background: url(../images/zan.png) center no-repeat;
	background-size: 80%;
	margin-left: 10px;
}

.dianzan1 {
	width: 40px;
	height: 31px;
	background: url(../images/zan1.png) center no-repeat;
	background-size: 100%;
}

.diandao {
	width: 40px;
	height: 31px;
	float: left;
	background: url(../images/dao.png) center no-repeat;
	background-size: 80%;
	margin-left: 5px;
}

.diandao1 {
	width: 40px;
	height: 31px;
	background: url(../images/dao1.png) center no-repeat;
	background-size: 100%;
}
.opinion { 
    float:left
	width: 100%;
	height: 200px;
}

.text {
	float: left;
	width: 50%;
	height: 20px;
	line-height:20px;
	padding-left:15px;
	font-size: 1.1em;
	color: #333;
	font-family: "Adobe 黑体 Std R";

}

.words {
	float: right;
	width: 30%;
	height: 20px;
	line-height:20px;
	color: #333;
	font-size: 1.1em;

}

.textbox {
	float:left;
	width: 90%;
	height: 35%;
	margin-left:5%;
	border-radius: 5px;
	margin-top: 15px;
	background:#FFF;
	border:1px solid #999;
}
.textboxwords{
	width: 98%;
	height: 80%;
	background: rgba(0, 0, 0, 0);
	color: #333;
	border: none;
	font-size: 1.1em;
	padding-top: 5px;
	padding-left: 5px;
	overflow: hidden;
}
.present {
	float:left;
	width: 100%;
	height: 16px;
}
.suc{width:100%; height:10px; color:#63b215; font-weight:bold; text-align:center; display: none; }
.def{width:100%; height:10px; color:#e45d37; font-weight:bold; text-align:center; display: none; }
.sub{width:100%; height:10px; color:#63b215; font-weight:bold; text-align:center; display: none; }
.wenqts {
	width: 320px;
	height: 10%;
	margin: 0 auto;
	position: absolute;
	bottom: 14%;
	margin-left: 10px;
}

.wenqts p {
	color: #333;
	font-size: 1em;
	background: url(../images/logo2.png) left top no-repeat;
	background-size: 15px 15px;
	padding-left: 16px;
}

.wenqts a {
	color: #166fa7;
	font-size: 0.7em;
	text-align: center;
}

.xiaoqiuts {
	float: left;
	width: 203px;
	height: 80px;
	background: url(../images/thk.png) center center no-repeat;
	background-size: 203px 80px;
	margin-top: -45px;
	margin-left: 10px;
}

.xiaoqiuts p {
	width: 170px;
	height: 15px;
	color: #FFF;
	font-size: 1em;
	line-height: 14px;
	padding-left: 28px;
	padding-top: 12px;
	text-indent: 10px;
}

.kaiguang {
	width: 40px;
	height: 20px;
	border-radius: 25px;
	background: #eee;
	opacity: 0.9;
	position: absolute;
	top: 5px;
	right: 10px;
	transition: background linear 0.25s;
}

.on2 {
	background: #31a66b;
}

.yidong {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 19px;
	height: 19px;
	border-radius: 25px;
	background: #FFFFFF;
	box-shadow: 1px 1px 4px #000000;
	transition: left linear 0.25s;
}

.on {
	left: 20px;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #fff;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #fff;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #fff;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #fff;
}



.huoyue {
	float: left;
	width: 100%;
	height: 35px;
	background: #aa6ac1;
	overflow: hidden;
}

.huoyue ul {
	float: left;
	width: 100%;
	height: 100%;
}

.huoyue li {
	float: left;
	width: 28%;
	height: 31px;
	color: #fff;
	margin-left: 4%;
	margin-top: 4px;
	cursor: pointer;
}

.huoyue li.active {
	background: #eff2f7;
	color: #aa6ac1;
}

.huoyue li p {
	text-align: center;
	font-size: 1em;
	padding-top: 10px;
}

.faxiannei {
	width: 100%;
	height: 80%;
}

.yinyong {
	float: left;
	width: 100%;
	height: 50px;
	margin-top: 5px;
	border-bottom: 1px dotted #999;
}

.yinyong2 {
	float: left;
	width: 100%;
	height: 26px;
	margin-top: 5px;
	padding-left: 10px;
	color: #555;
	background: #bff29b;
	border-bottom: 1px dotted #999;
}

.yinyonglf {
	float: left;
	width: 44%;
	height: 40px;
	margin-top: 5px;
	margin-left: 4%;
}

.yinyonglf2 {
	float: left;
	width: 100%;
	height: 80px;
	margin-top: 5px;
	margin-left: 4%;
}

.yinyongtb {
	float: left;
	width: 50%;
	height: 40px;
}

.yinyongtb2 {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 20px;
}

.yinyongbt {
	font-weight: bold;
	font-size: 1em;
	height: 16px;
}

.yinyongbt2 {
	font-weight: bold;
	font-size: 1.8em;
	height: 32px;
}

.yinyongnr {
	color: #777;
	font-size: 0.7em;
	height: 12px;
}

.yinyongnr2 {
	color: #777;
	font-size: 1em;
	height: 24px;
}

.yinyongty {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.yinyongty p {
	float: left;
	font-size: 0.8em;
}

.tuihui {
	width: 40px;
	height: 20px;
	background: #dd6337;
	border-radius: 3px;
	position: absolute;
	top: 90px;
	right: 10px;
	cursor: pointer;
}

.tuihui p {
	font-size: 0.8em;
	color: #FFF;
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-family: Verdana, Geneva, sans-serif;
}

.kaiguang {
	float: right;
	width: 40px;
	height: 20px;
	border-radius: 25px;
	background: #eee;
	opacity: 0.9;
	position: relative;
	top: 7px;
	right: 10px;
	transition: background linear 0.25s;
}

.on2 {
	background: #31a66b;
}

.yidong {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 19px;
	height: 19px;
	border-radius: 25px;
	background: #FFFFFF;
	box-shadow: 1px 1px 4px #000000;
	transition: left linear 0.25s;
}

.on {
	left: 20px;
}

.tuichu {
	float: left;
	width: 90%;
	height: 30px;
	background: #999;
	border-radius: 3px;
	margin: 0 5%;
	margin-top: 10px;
	cursor: pointer;
}

.tuichu p {
	color: #FFF;
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-family: Verdana, Geneva, sans-serif;
}

.page-1-1 .img_1 {
	height:auto;width:200px;
	position:absolute;
	left:50%;
	top:20%;
	margin-left:-100px;
}
.page-1-1 .img_2 {
	height:auto;width:200px;
	position:absolute;
	left:50%;
	top:48%;
	margin-left:-100px;
}
.page-1-1 .img_3 {
	height:auto;width:100px;
	position:absolute;
	left:50%;
	top:72%;
	margin-left:-50px;
}
.page-1-2 .img_1 {
	height:auto;width:200px;
	position:absolute;
	left:50%;
	top:20%;
	margin-left:-100px;
}
.page-1-2 .img_2 {
	height:auto;width:200px;
	position:absolute;
	left:50%;
	top:72%;
	margin-left:-100px;
}
.pt-page-moveFromTop {
	-webkit-animation: moveFromTop .6s ease both;
	animation: moveFromTop .6s ease both;
}
.pt-page-moveFromLeft {
	-webkit-animation: moveFromLeft .6s ease both;
	animation: moveFromLeft .6s ease both;
}
.pt-page-moveFromBottom {
	-webkit-animation: moveFromBottom .6s ease both;
	animation: moveFromBottom .6s ease both;
}
@-webkit-keyframes moveFromTop {
	from { -webkit-transform: translateY(-100%); }
}
@keyframes moveFromTop {
	from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}
@-webkit-keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); }
}
@keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
}
@-webkit-keyframes moveFromBottom {
	from { -webkit-transform: translateY(100%); }
}
@keyframes moveFromBottom {
	from { -webkit-transform: translateY(100%); transform: translateY(100%); }
}
@media screen and (max-width:320px) {
	.baifengbi {
		float: left;
		width: 100%;
		height: 45%;
		overflow: hidden;
	}

	.ljxz {
		width: 95%;
		height: 10px;
		color: #FFFFFF;
		margin: 0 auto;
		font-size: 1.1em;
		float: left;
		line-height: 1em;
		margin-top: 15px;
		text-align: center;
	}
	.ljdg {
		width: 95%;
		height: 10px;
		color: #FFFFFF;
		margin: 0 auto;
		font-size: 0.9em;
		float: left;
		margin-top: 5px;
		text-align: center;
	}
	.ljtc {
		margin-top: 10px;
		font-size: 0.9em;
		width: 95%;
		height: 10px;
		color: #FFFFFF;
		text-align: center;
	}

	.dagou {
		float: right;
		width: 20%;
		height: 100%;
		background: url(../images/dg1.png) center center no-repeat;
		background-size: 20px 20px;
	}
	.dagou2 {
		float: right;
		width: 20%;
		height: 100%;
		background: url(../images/dg2.png) center center no-repeat;
		background-size: 20px 20px;
	}
	.huoyue li p {
		text-align: center;
		font-size: 0.9em;
		padding-top: 7px;
	}
	.menu_body3 {
		float: left;
		width: 100%;
		height: 115px;
		margin-bottom: 2px;
		display: none;
	}
	.tuichu {
		float: left;
		width: 90%;
		height: 25px;
		background: #999;
		border-radius: 3px;
		margin: 0 5%;
		margin-top: 5px;
		cursor: pointer;
	}
	.tuichu p {
		color: #FFF;
		text-align: center;
		height: 25px;
		line-height: 25px;
		font-family: Verdana, Geneva, sans-serif;
	}
}
.hollowbtn{ border-radius:20px; text-align:center; padding:5px 0; font-size:16px;  border:1px solid #bebebe; color:#666;}
.solidbtn{ border-radius:20px; text-align:center; padding:5px 0; font-size:16px;  border:1px solid #2068b8; color:#fff; background:#2068b8;}
.hollowbtn2{ border-radius:5px; text-align:center; padding:6px 0; font-size:14px;  border:1px solid #bebebe; color:#666;}
.solidbtn2{ border-radius:5px; text-align:center; padding:7px 0; font-size:14px;  color:#fff; background-color:#f55f59;}
.solidbtn3{ border-radius:5px; text-align:center; padding:5px 0; font-size:12px; color:#fff; background:#999;}
/*发现页面*/
.findpage{float:left; width:100%; height:90%;overflow-x:hidden; background:#ececec;}
.findtime{width:80px; height:20px; background:#999; border-radius:5px; margin:5px auto; color:#FFF; text-align:center; line-height:20px;   font-family: Verdana, Geneva, sans-serif; font-size:0.7em;}
.findbox{width:80%; height:auto; margin:10px auto;background:#fff; border: 1px solid #bcbcbc;  border-radius:4px;}
.findboxmax{width:98%; height:auto; margin:1% auto; background:#fff; position:relative;}
.findboxmax img{ width:100%;}
.findboxmaxword{position: absolute; z-index:2000; bottom:0; background:#000000; opacity:0.8; width:100%; height:30px; line-height:30px; color:#FFF;}
.findboxmaxword p{ margin-left:5px;}
.findboxmin{width:98%; height:28px; padding:5px; line-height:14px;  border-top:2px solid #e8e8e8;}
.findboxmin p{float:left; width:70%; height:28px}
.findboxmin img{ float:right;margin-right:5px; background:#13cec9; width:28px; height:28px;}
/*流量超市*/
.flowsupmaket{ float:left; width:100%; height:90%;overflow-x:hidden;}
.hd{
	width: 100%;
	height: 30px;
	position: relative;
	}
ul.navigation {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
ul.navigation li {
	float: left;
	width:33%;
	height:35px;
	line-height:30px;
	border-bottom:2px solid #eee;
	text-align:center;
	text-decoration: none;
	color:#666;
	font-weight:bold;
	cursor:pointer;
	}
ul.navigation li.active {
	text-decoration: underline;
	color:#2068b8;
	border-bottom:2px solid #2068b8;
	text-decoration: none;
}
.bd {
	overflow: hidden;
	margin:0 auto;
	width: 100%;	
}
.mealtitle{ float:left;width:100%; height:22px; background:#CCC;}
.mealtitle p{ line-height:22px; margin-left:10px;}
.mealcontent{ width:100%; height:35px; border-bottom:2px solid #ddd;float:left; padding:5px 0;}
.mealcontent .p1{ float:left; width:32%; font-size:1em; line-height:35px; padding-left:5px;}
.mealcontent .p2{ float:left; width:43%; font-size:1em; line-height:18px; }
.mealcontent .p3{ float:right; width:18%;  border-radius:20px; text-align:center;  font-size:12px;  border:1px solid #2068b8; color:#2068b8; padding:3px 0;margin-top:7px; margin-right:7px;}
.mealcontent .p3b{ float:left; width:22%;  border-radius:20px; text-align:center;  font-size:12px;  border:1px solid #2068b8; color:#2068b8; padding:3px 0;}
/*购买页面*/
.flowsbuy{ float:left; width:100%; height:90%;overflow-x:hidden;}
.flowsmeal{font-size:20px;margin:15px auto; width:100% }
.flowsmeal .p1{ width:80%;border-radius:40px; background:#E9E9E9; padding:5px; text-align:center;margin:0 auto;border:1px #E6E6E6 solid;background: #ddd;}
.flowsmeal .p2{width:80%; margin:0 auto; margin-top:15px; font-size:0.8em;}
.flowsmeal .p3{width:80%; margin:0 auto; margin-top:10px; font-size:0.6em; color:#666;}
.flowsmeal .p3 img{ margin-right:3px; vertical-align:middle;}
.fontgreen{font-size:2em; color:#81B832;}
.fontorange{font-size:2em; color:#FF6600;}
.warm{width:90%; margin:0 auto; margin-top:60px; font-size:16px; color:#333; }
.warm .link{
	font-size:14px;
	color:#0066CC;
	text-decoration: underline;
}
.warmcontent{ width:90%; margin:0 auto; margin-top:10px; margin-bottom:20px; font-size:11px; color:#333; }
.warmcontent p{ color:#777;}
.stick{display:none; width:30px; height:30px; border-radius:30px; background-color:#000; background-image:url(../images/sla.png); position:absolute; bottom:17%; right:10px; z-index:1000; opacity:0.3;}
.warmlook{ width:90%; margin:15px auto; color:#333; height:18px;  }
.warmlook span{margin-left:5px; font-size:14px; vertical-align: text-top;}
.succimg{ width:30%; height:auto; margin:15px auto;}
.succcontent{ width:80%; text-align:center; margin:0 auto; margin-top:10px; margin-bottom:20px; font-size:16px; color:#333; }
/*流量信息页面*/
.flowsnews{ float:left; width:100%; height:90%;overflow-x:hidden;}

.flowstittle{  width:150px; height:20px; text-align:center; position:absolute; left:50%; top:3%; margin-left:-75px;z-index:10000; font-weight:bold; color:#666;}
.owldiv{width:100%; height:150px;}
.flowsrecommend {
	float: left;
	width: 100%;
	height: 100%;
}
.recommendmeal {
	float: left;
	width: 48%;
	height: 48%;
	margin: 1% 1%;
	background-color: #e56281;
	border-radius:5px;
	 cursor:pointer;
	 overflow:hidden;
}
.mealbox{
	width:76%;
	height:50px;
	color:#fff;
	position:relative;
	top:50%;
	left:12%;
	margin-top:-25px;
	
	}
.mealbox .p1 {
	font-size: 1.1em;
	height: 20px;
	color: #FFFFFF;
	text-align: center;
	opacity:0.8;
}

.mealbox .p2 {
	height: 25px;
	color: #FFFFFF;
	margin: 0 auto;
	font-size: 1.3em;
	font-weight:bold;
	line-height: 1em;
	margin-top: 5px;
	text-align: center;
}
.flowssurplus {
	width: 100%;
	height: 20%;
	font-size: 0.9em;
	position: relative;
	bottom: 0px;
	overflow: hidden;
}

.flowssurplus ul {
	width: 100%;
	height: 35px;
	color: #666;
}

.flowssurplus ul li {
	float: left;
	width: 33%;
	height: 35px;
	text-align: center;
	padding-top: 3px;
	border-right: solid 1px #666;
}
.flowratio1{
	float:left;
		width: 45%;
		height: 80%;	
		text-align: center;
	}
.flowratio2{
	float:left;
		width: 55%;
		height: 80%;	
		text-align: center;
	}
.flowcanvas{width:135px; height:135px;}
.flowcanvas2{width:60px; height:60px;}
.flowcanvas3{width:100px; height:10px; margin-right:10px;}
.flowsright{width:40px; height:30px; float:right; margin-top:-80px; margin-right:25px; color:#666; font-size:14px}
.flowsleft{width:40px; height:30px; float:left; margin-top:-80px; margin-left:30px; color:#666;font-size:14px}
.mymeal{width:95%; height:20px; margin:0 auto; padding-bottom:5px; padding-top:10px; border-bottom:2px solid #ddd; font-weight:bold; margin-bottom:5px;}
.mymealback{float:right; width:20%; border-radius:20px; text-align:center; font-size:12px;  border:1px solid #2068b8; color:#2068b8;}
.mymealbox{width:95%; margin:0 auto; color:#666; margin-top:10px;}
.mymealtext1{float:left; width:100%; color:#333; text-align:left; font-size:12px; margin-bottom:4px; font-weight:bold;}
.mymealtext2{float:left; width:100%; text-align:left; font-size:10px; margin-bottom:8px;}
.remain{color:#90c41f; font-size:14px;}
/*二次确认*/
.affirm{width:100%; height:100%;  position: absolute; z-index:1000; background-color: rgba(0,0,0,0.2);}
.affirmbox{width:260px; height:200px; background:#fff; border-radius:5px; position: absolute; left:50%; top:50%; margin-left:-130px; margin-top:-80px; z-index:1000;}
.affirmboxtop{width:100%; height:30px; background-color:#f55f59; border-radius:5px 5px 0 0;overflow:hidden; }
.affirmboxtop p{width:90%; margin:0 auto; font-size:16px; line-height:30px; text-align:center;color:#fff;}
.affirmboxcontent{width:100%; margin-top:10px; height:120px;overflow:hidden; }
.affirmboxcontent p{width:100%; text-align:center; font-size:18px; color:#757575;}
.affirmboxcontent .phoneword{width:160px; height:40px; margin:0 auto; border:1px solid #757575; border-radius:4px; padding:0 2px;}
.affirmboxcontent .phoneword input{width:146px; height:40px;font-size:28px; text-align:center; border:0; line-height:40px; outline:none; border-radius:0; letter-spacing:20px; margin-left:14px; overflow:hidden;}
.affirmboxbottom{width:100%; height:40px;overflow:hidden; }
.img_1{height:auto;width:100px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-50px;
	margin-top:-30px;
	}
.activity{width:80%; height:10%; border-bottom:1px solid #ccc; margin:0 auto;}
.activity img{width:auto; height:50%;padding-top:5%;}
.longtitle{width:80%; margin:5px auto;  font-size:1.4em; font-weight:bold; color:#333;} 
.activityimg{width:80%; margin:5px auto; }
.activityimg img{width:100%; }
.activitycontent{width:80%; height: auto; margin:10px auto; text-align:justify; color:#666;word-break:break-all;word-wrap:break-word;}
.loading{width:100%; height:100%; position:fixed; left:0; top:0; z-index:100; background-color:rgba(0,0,0,0.6);}
.loading .loadimg{position: absolute; top:50%; left:50%; margin-top:-80px; margin-left:-40px;}
.loading  p{ position: absolute; top:50%; left:50%; margin-top:10px; width:200px; margin-left:-100px; color:#FFF; text-align: center; font-size:16px;}
@media screen and (min-width:768px) {
.header p {width: 160px;height: 50px;line-height:50px;font-size: 2.4em;margin-top:-25px;}	
.closebtn {margin-right:10px;width: 50px;background: url(../images/h1.png) center center no-repeat;background-size:70%;}
.settingbtn {margin-right:10px;width: 50px;background: url(../images/h2.png) center center no-repeat;background-size: 70%;}
.mealbox{height:110px;margin-top:-55px;}
.mealbox .p1 {font-size: 1.8em;height: 30px;}
.mealbox .p2 {font-size: 1.5em;margin-top: 10px;}
.flowssurplus ul {height: 60px;}
.flowssurplus ul li {height: 60px;font-size:1.8em;}
.myflow1 {width: 46px;height: 46px;margin-top: -23px;margin-left: -23px;}
.myflow2 {width: 46px;height: 46px;margin-top: -23px;margin-left: -23px;}
.find1 {width: 46px;height: 46px;margin-top: -23px;margin-left: -23px;}
.find2 {width: 46px;height: 46px;margin-top: -23px;margin-left: -23px;}
.addflow1 {width: 46px;height: 46px;margin-top: -23px;margin-left: -23px;}
.addflow2 {width: 46px;height: 46px;margin-top: -23px;margin-left: -23px;}
.flowstittle{font-size:1.6em;}
.owldiv{ height:300px;}
.flowsright{ margin-top:-50px; font-size:20px}
.flowsleft{ margin-top:-50px; font-size:20px}
.flowcanvas{width:180px; height:180px; margin-top:32px; margin-left:-15px;}
.flowcanvas2{width:70px; height:70px; margin-top:-5px;}
.flowcanvas3{width:200px; height:20px; margin-right:10px;}
.flownotice{ bottom:65px;}
.affirmbox{width:300px; height:165px;margin-left:-150px; margin-top:-83px;}
.affirmboxtop{width:100%; height:70%;overflow:hidden; }
.affirmboxtop p{font-size:20px; text-indent:40px;}
.hollowbtn2{ font-size:20px;}
.solidbtn2{font-size:20px;}
.font16{ font-size:30px;}
.mymealtext{ font-size:18px;}
.remain{ font-size:32px;}
}
@media screen and (max-width:320px)
{
.mealbox .p1 {font-size: 1em;height: 20px;}
.mealbox .p2 {font-size: 1.1em;margin-top:5px; height:25px; }
.flowssurplus ul {height: 30px;}
.flowssurplus ul li {height: 30px;font-size:0.8em;}
.myflow1 {width: 20px;height: 20px;margin-top: -10px;margin-left: -10px;}
.myflow2 {width: 20px;height: 20px;margin-top: -10px;margin-left: -10px;}
.find1 {width: 20px;height: 20px;margin-top: -10px;margin-left: -10px;}
.find2 {width: 20px;height: 20px;margin-top: -10px;margin-left: -10px;}
.addflow1 {width: 20px;height: 20px;margin-top: -10px;margin-left: -10px;}
.addflow2 {width: 20px;height: 20px;margin-top: -10px;margin-left: -10px;}
	}
@media all and (orientation: portrait) {
.pagepush {
	  display:block;
  }
}
@media all and (orientation: landscape) {
.pagepush {
    display:none;
  }
}	